<script setup>
import BoxCom from './components/BoxCom.vue';
import { reactive, provide } from 'vue'
const state = reactive({
    name: '张三',
    age: 18
})

// 将数据发射出去
provide('user', state)

// 也可以将函数发送出去
provide('fn', (val) => {
    console.log('祖先组件接收：' + val);
})

</script>

<template>
    <div>
        <h1>组合式 API</h1>
        <h2>App 父组件 - {{ state.name }} - {{ state.age }} </h2>
        <hr>
        <BoxCom></BoxCom>
    </div>
</template>
